<script setup lang="ts">
import { ref } from 'vue';

// import {  Button as VanButton } from 'vant';
// import './styles/main.scss'
// import { useUserStore } from './stores/user'
// import { request } from './utils/request';
// import type { User } from './types/user';

// const store = useUserStore()
// const show=ref(true)
// const login =async () => {
//   //测试请求
//   const res= await request<User>('login/password','POST',{
//     mobile:'13211112222',
//     password:'abc12345'
//   })
//   // console.log(JSON.stringify(res.data))
//   console.log(res.data)

//   //模拟登录完成 存储用户数据=>仓库的数据默认不持久化
//   store.setUser(res.data)
// }
// const value = ref(3)
</script>

<template>
<!-- <div>app</div> -->
<!-- 
  <VanButton type="danger">危险按钮</VanButton>
  <VanButton type="primary" @click="login">主要按钮</VanButton> -->
  <!-- <VanCalendar v-model:show="show" switch-mode="year-month"/> -->
  <!-- <div class="box">盒子</div>
  <p>{{ store.user }}</p>
  <button @click="store.setUser({ id: '1', mobile: '1', account: '1', avatar: '1', token: '1' })">
    登录
  </button>
  <button @click="store.delUser()">退出</button> -->
  <router-view></router-view>
  <!-- <VanButton type="primary">主要按钮</VanButton> -->
  <!-- <van-rate v-model="value" /> -->
     <!-- <svg aria-hidden="true"> -->
      <!-- #icon-文件夹名称-图片名称 -->
      <!-- <use href="#icon-login-eye-off" /> -->
    <!-- </svg> -->
   <!-- <svg aria-hidden="true"> -->
      <!-- <use href="#icon-login-eye-off"></use> -->
    <!-- </svg> -->
    <!-- <CpIcon name="home-docs"></CpIcon> -->
    <!-- <CpIcon name="home-graphic"></CpIcon> -->
    <!-- <CpIcon name="login-eye-off"></CpIcon> -->
</template>

<style scoped lang="scss">
.box{
  width: 100px;
  height: 100px;
  background-color: var(--consult-yy)
}
</style>
